// 之后和平时使用动画差不多，在需要的地方引入相关的指令，接口什么的
import {
    trigger,  // 动画封装触发，外部的触发器
    state, // 转场状态控制
    style, // 用来书写基本的样式
    transition, // 用来实现css3的 transition
    animate, // 用来实现css3的animations
    keyframes // 用来实现css3 keyframes的
  } from "@angular/animations";
  export const flyIn = trigger('flyIn', [
    state('in', style({transform: 'translate(0)'})), // 默认平移0
  
    transition('void => *', [ // 进场动画
      animate('1s linear', keyframes([
        style({opacity: 1}),
        style({opacity: 0.2}),
      ]))
    ]),
    transition('* => void', [ // 离场动画
      animate('1s linear', keyframes([
        style({opacity: 0.2}),
        style({opacity: 1}),
      ]))
    ])
  
  ]);


